<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1">
<title>JSON数据格式化</title>
<link rel="stylesheet" href="/js/layui/css/layui.css" media="all">
<link rel="stylesheet" href="/js/layui/css/layui-global.css" media="all">
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body class="layui-layout-body">
<div style="position:fixed;left:0;top:0;width:100%;height:100%;">
<div style="position:relative;width:100%;height:50%;">
    <div class="layui-card" style="height:100%;">
	  <div class="layui-card-header">
	   <div class="layui-btn-container" style="padding:10px">
		  <button class="layui-btn layui-btn-sm layui-btn-normal" id="formatBtn">数据格式化</button> 
		  <button class="layui-btn layui-btn-sm layui-btn-danger" id="clearContent">清空内容</button> 
	   </div>
	  </div>
	  <div class="layui-card-body">
	       <textarea class="layui-textarea" name="jsonSourceText" style="min-height:300px;" id="jsonSourceInfo" placeholder="请输入一些json数据......"></textarea>
	  </div>
	</div>
</div>
<div style="position:relative;width:100%;height:50%;">
    <div class="layui-card" style="height:100%;">
      <div class="layui-card-header">
        <span class="layui-font-bold">格式化结果</span>
      </div>
      <div class="layui-card-body" id="jsonFormatResultBox">
        <textarea class="layui-textarea" name="jsonFormatResult" wrap="virtual" style="min-height:300px;" id="jsonFormatResult" readonly="readonly" placeholder=""></textarea>
      </div>
    </div>
</div>
</div>
</body>
<script src="/js/layui/layui.js" type="text/javascript"></script>
<script src="/js/page/jsonFormatPage.js" type="text/javascript"></script>
</html>